<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Demo</title>

<link href="styles/kendo.metro.min.css" rel="stylesheet"> 
<link href="myStyles/demo.css" rel="stylesheet">

<link href="styles/kendo.common.min.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/kendo.all.min.js"></script> 
<script src="myScripts/myscripts.js"></script> 
</head>
         


<script>
//
$(document).ready(function() {
    $("#splitter").kendoSplitter(
	
	{
		panes: [
			{ collapsible: true, min: "100px", max: "300px" },
			{ collapsible: true }
		],
		orientation: "vertical"
	}
	
	);
	
	$("#horizontalSplitter").kendoSplitter(
	
	{
		panes: [
			{ collapsible: true, min: "100px", max: "300px" },
			{ collapsible: true }
		],
		orientation: "vertical"
	}
	
	);
	
	$("#verticalSplitter").kendoSplitter(
	
	{
		panes: [
			{ collapsible: true, min: "100px", max: "500px" },
			{ collapsible: true }
		]
		
	}
	
	);
});

//
</script>

            
</head>

<body>

<input class="mainbtn" name="click" type="button" value="Click" onclick="test1()"/>
<input class="mainbtn" name="clickagian" type="button" value="Click again" onclick="_test2()"/>
<input class="mainbtn" name="andclickagian" type="button" value="And Click again" onclick="test3()"/>
<input class="maintxt" name="txt" id="txt" type="text" value=""/>
<input class="mainbtn" name="dont" type="button" value="Don't Click" onclick="_test4()"/>
<br />
<a href="dutoan/gia.php">Gia</a>
<br />
<div class="subdiv" id = "supdiv"></div>
<br />
<div class="maindiv" id = "maindiv">
	<div id = "grid"></div>
    <script>
	
	</script>
</div>
<br />
<div class="subdiv" id = "subdiv"></div>
<br />
</body>
</html>
